<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/index.css">
    <!-- 新 Bootstrap4 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <title>四个模块</title>
</head>

<body>
    <div class="modular">
        <div class="Journalism">
            <div class="Journalism_container">
                <div class="Journalism_title">
                    <h2>NEWS AND INFORMATION</h2>
                    <p>新闻资讯</p>
                </div>
                <div class="Journalism_box d-flex">
                    <div class="Journalism_fl">
                        <div class="Journalism_list_img">
                            <img src="img/1.jpg" alt="">
                        </div>
                        <div class="Journalism_list_txt">
                            <div class="Journalism_list_txt_data">
                                <h5>17</h5>
                                <h6>2020-12</h6>
                            </div>
                            <h4>倡导全民阅读│葡萄科技助力四川叙永建成城市书房</h4>
                            <p>纸墨书香涵养一座城市的文化底蕴。随着全民阅读渐成风尚，阅读理念和需求的改变正加快塑造着城市文化发展的崭新面貌。</p>
                        </div>
                    </div>
                    <ul class="Journalism_fr">
                        <li class="Journalism_fr_box">
                            <div class="txt">
                                <h5>2020-12-06</h5>
                                <h4>徐州市鼓楼区：“城市书房”正在“催生”人人阅读</h4>
                                <p>文化是滋养灵魂的土壤，阅读是产生思想的源泉。有人把阅读当做追寻人生价值的思考方式；有人把经典阅读当做丰富自身、完善自我的最好方式。在鼓楼区，随着全民阅读工作的深入展开，各种图书馆、书店等新形态，催生出随时随地随心的阅读文化和阅读方式，人人阅读的生活方式正在形成。</p>
                            </div>

                            <img src="img/2.jpg" alt="">
                        </li>
                        <li class="Journalism_fr_box">
                            <img src="img/3.jpg" alt="">
                            <div class="txt">

                                <h5>2020-12-06</h5>
                                <h4>徐州市鼓楼区：“城市书房”正在“催生”人人阅读</h4>
                                <p>文化是滋养灵魂的土壤，阅读是产生思想的源泉。有人把阅读当做追寻人生价值的思考方式；有人把经典阅读当做丰富自身、完善自我的最好方式。在鼓楼区，随着全民阅读工作的深入展开，各种图书馆、书店等新形态，催生出随时随地随心的阅读文化和阅读方式，人人阅读的生活方式正在形成。</p>
                            </div>


                        </li>
                        <li class="Journalism_fr_box">
                            <div class="txt">
                                <h5>2020-12-06</h5>
                                <h4>徐州市鼓楼区：“城市书房”正在“催生”人人阅读</h4>
                                <p>文化是滋养灵魂的土壤，阅读是产生思想的源泉。有人把阅读当做追寻人生价值的思考方式；有人把经典阅读当做丰富自身、完善自我的最好方式。在鼓楼区，随着全民阅读工作的深入展开，各种图书馆、书店等新形态，催生出随时随地随心的阅读文化和阅读方式，人人阅读的生活方式正在形成。</p>
                            </div>

                            <img src="img/4.jpg" alt="">
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 第二个模块 -->
        <div class="century">
            <div class="Journalism_container">
                <div class="century_title">
                    <h2>News and information</h2>
                    <p>新闻资讯</p>
                </div>
                <div class="century_list">
                    <div class="row">
                        <div class=" col-xl-5 col-lg-12   col-md-12  col-sm-12 century_list_fl">
                            <div class="century_list_box">
                                <div class="century_list_img">
                                    <img src="img/5.jpg" alt="">
                                </div>
                                <div class="century_txt">
                                    <h6>2020-03-25</h6>
                                    <p>北京物流公司谈长途货运需要注意哪些事项</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-7 col-lg-12  col-md-12 century_list_fr">
                            <ul class="row">
                                <li class="col-lg-12 century_list_fr_top">
                                    <div class="century_list_text">
                                        <span>2020-03-25</span>
                                        <p>专业物流运输公司具备哪些原则，北京世纪联合物流告诉您</p>
                                        <a href="#">More ></a>
                                    </div>
                                    <div class="century_list_fr_img">
                                        <img src="img/6.jpg" alt="">
                                    </div>
                                </li>
                                <li class="col-lg-12 century_list_fr_top">
                                    <div class="century_list_text">
                                        <span>2020-03-25</span>
                                        <p>专业物流运输公司具备哪些原则，北京世纪联合物流告诉您</p>
                                        <a href="#">More ></a>
                                    </div>
                                    <div class="century_list_fr_img">
                                        <img src="img/7.jpg" alt="">
                                    </div>
                                </li>
                            </ul>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>